﻿{% extends "base.html" %}
{% block title %} Página da Secação {% endblock %}

{% block content %}

    <h2>Página da secação</h2>
    
    <p>Palpites do jogo {{proximo_jogo.num}}:
    {{proximo_jogo.nome_pais1}}
    <img src="/imagens/{{proximo_jogo.pais1}}.gif">
    X
    <img src="/imagens/{{proximo_jogo.pais2}}.gif">
    {{proximo_jogo.nome_pais2}}
    </p>
    
    <table>
        <colgroup style="width: 5%;"></colgroup>
        <colgroup style="width: 50%;"></colgroup>
        <colgroup style="width: 20%;"></colgroup>
        <colgroup style="width: 25%;"></colgroup>

        <thead>
            <tr>
                    <td>Posição</td>
                    <td style="text-align:left;">Participante</td>
                    <td>Palpite</td>
            </tr>
        </thead>
        
        <tbody>
            {% for linha in tabela %}
            <tr>
                <td> {{linha.posicao}} </td>
                <td style="text-align:left;">
                    {% if linha.participante.avatar %}
                        <img src="/fotoparticipante?key={{linha.participante.key}}" width="25" height="25">
                    {% else %}
                        <img src="/imagens/anonimo.gif" width="25" height="25">
                    {% endif %}
                    {% ifequal user linha.participante.owner %}
                        <b><a href="editapalpites?key={{linha.participante.key}}">{{linha.participante.nome}}</a></b>
                    {% else %}
                        <a href="participante?key={{linha.participante.key}}"><span style="color: gray;">{{linha.participante.nome}}</span></a>
                    {% endifequal %}
                </td>
                <td> 
                    {{linha.score1}} X {{linha.score2}}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

{% endblock %}